﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
    <header class="head">
        <div class="top">
            <div class="mid"><a href="#"></a></div>
        </div>
        <div class="bottom">
            <div class="smnav wrap">
            <div class="left">
                <ul>
                    <li style="border-left: none">小米商城</li>
                    <li>MIUI</li>
                    <li>米聊</li>
                    <li>游戏</li>
                    <li>多看阅读</li>
                    <li>云服务</li>
                    <li>小米网移动版</li>
                    <li>问题反馈</li>
                    <li>Select Region</li>
                </ul>
            </div>
            <div class="right">
                <a href="">购物车(0)</a>
                <ul>
                    <li>注册</li>
                    <li style="border-left: none">登录</li>
                </ul>

            </div>
                </div>
        </div>
    </header>

    <section class="nav wrap">
        <a href="" class="logo"></a>
        <a href="" class="shaizi"></a>
        <ul class="ul1">
            <li class="li1"><a href="">小米手机</a> <div class="sub1"></div></li>
            <li class="li2"><a href="">红米</a><div class="sub2"></div></li>
            <li class="li3"><a href="">平板·笔记本</a><div class="sub3"></div></li>
            <li class="li4"><a href="">电视</a></li>
            <li class="li5"><a href="">盒子·影音</a></li>
            <li class="li6"><a href="">路由器</a></li>
            <li class="li7"><a href="">智能硬件</a></li>
            <div class="sub">
            </div>
        </ul>

        <ul class="ul2">
            <li><a href="">服务</a></li>
            <li><a href="">社区</a></li>

        </ul>
        <div class="search">
            <p>☪</p><input type="text" list="xiaomi"/>
             <datalist id="xiaomi">
                 <option value="小米手机5">约有11件</option>
                 <option value="小米净化器2">约有1件</option>
                 <option value="活塞耳机">约有4件</option>
                 <option value="小米路由器">约有8件</option>
                 <option value="移动电源">约有21件</option>
             </datalist>
            <div class="cover">
                <a href="">红米Pro</a>
                <a href="">小米笔记本Air</a>
            </div>
         </div>
    </section>

    <section class="iBanner">
        <div class="tip">
            <ul>
                <li class="li1"><a href="">手机 电话卡</a> <p>></p><div class="hidden2"></div></li>
                <li class="li2"><a href="">笔记本 平板</a><p>></p><div class="hidden1"></div></li>
                <li class="li3"><a href="">电视 盒子</a><p>></p><div class="hidden3"></div></li>
                <li class="li4"><a href="">路由器 智能硬件</a><p>></p><div class="hidden3"></div></li>
                <li class="li5"><a href="">移动电源 电池 插线板</a><p>></p><div class="hidden2"></div></li>
                <li class="li6"><a href="">耳机 音响</a><p>></p><div class="hidden3"></div></li>
                <li class="li7"><a href="">保护套 贴膜</a><p>></p><div class="hidden1"></div></li>
                <li class="li7"><a href="">线材 支架 存储卡</a><p>></p><div class="hidden1"></div></li>
                <li class="li8"><a href="">箱包 服饰</a><p>></p><div class="hidden1"></div></li>
                <li class="li9"><a href="">米兔 生活周边</a><p>></p><div class="hidden1"></div></li>
            </ul>
        </div>
    </section>

    <section class="adt wrap">
        <div class="box1">
            <ul>
                <li><a href=""><h3>✿</h3><p>选购手机</p></a></li>
                <li><a href=""><h3>☏</h3><p>企业团购</p></a></li>
                <li><a href=""><h3>❂</h3><p>官翻产品</p></a></li>
                <li><a href=""><h3>☮</h3><p>小米移动</p></a></li>
                <li><a href=""><h3>☩</h3><p>以旧换新</p></a></li>
                <li><a href=""><h3>ஐ</h3><p>话费充值</p></a></li>
            </ul>
        </div>
        <div class="box2"><img src="img/box1img.jpg"/></div>
        <div class="box2"><img src="img/box2img.jpg"/></div>
        <div class="box2"><img src="img/box3img.jpg"/></div>
    </section>

    <section class="hot wrap">
        <div class="title">
           <h3>816 热门商品</h3>
            <p>进入主会场☛</p>
        </div>
        <div class="contain">
            <ul>
                <li><a href=""><img src="img/hot1.jpg"/></a></li>
                <li><a href=""><img src="img/hot2.jpg"/></a></li>
                <li><a href=""><img src="img/hot3.jpg"/></a></li>
                <li><a href=""><img src="img/hot4.jpg"/></a></li>
                <li><a href="" style="margin-right: 0"><img src="img/hot5.jpg"/></a></li>
                <li><a href=""><img src="img/hot5.jpg"/></a></li>
                <li><a href=""><img src="img/hot4.jpg"/></a></li>
                <li><a href=""><img src="img/hot3.jpg"/></a></li>
                <li><a href=""><img src="img/hot2.jpg"/></a></li>
                <li><a href="" style="margin-right: 0"><img src="img/hot1.jpg"/></a></li>
                <li><a href=""><img src="img/hot3.jpg"/></a></li>
                <li><a href=""><img src="img/hot1.jpg"/></a></li>
                <li><a href=""><img src="img/hot2.jpg"/></a></li>
                <li><a href=""><img src="img/hot4.jpg"/></a></li>
                <li><a href="" style="margin-right: 0"><img src="img/hot5.jpg"/></a></li>
            </ul>
        </div>
    </section>

    <section class="hardware">
        <div class="title wrap">
            <h3>智能硬件</h3>
            <p>查看全部☛</p>
        </div>
       <!-- <div class="contain wrap">
                <ul>
                    <li class="long"><a href=""></a></li>
                    <li><div class="zhekou1">免邮费</div>
                        <img src="img/small.jpg"/>
                        <a href="">小米手环 光感版</a>
                        <p>实时监测心率，科学运动</p>
                        <h4>99元</h4>
                    </li>
                    <div class="shang">
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li style="margin-right: 0"><a href=""></a></li></div>
                    <div class="xia">
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li style="margin-right: 0"><a href=""></a></li></div>
                </ul>
        </div>-->
    </section>

    <footer class="foot">
        <div class="topfoot wrap">
            <div class="service">
                <ul>
                    <li><a href="">一小时快修服务</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">15天免费换货</a></li>
                    <li><a href="">满150元包邮</a></li>
                    <li style="border-right: none"><a href="">520余家售后网点</a></li>
                </ul>
            </div>
            <div class="links">
                <div class="box">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="box">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="box">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="box">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="box">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="box" style="margin-right: 12px">
                    <dt><a href="">帮助中心</a></dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </div>
                <div class="spbox">
                    <h3>400-100-5678</h3>
                    <p>周一至周日 8:00-18:00<br/>
                        （仅收市话费）</p>
                    <a href="">24小时在线客服</a>
                </div>
            </div>
        </div>
        <div class="huise">
            <div class="bottomfoot wrap">
                <div class="contain">
                    <img src="img/logo-footer.png" style="margin-right: 10px"/>
                    <p class="p1"><a href="">小米商城</a> | <a href="">MIUI</a> | <a href="">米聊</a> | <a href="">多看书城</a>
                     | <a href="">小米路由器</a> | <a href="">视频电话</a> | <a href="">小米后院</a> | <a href="">小米天猫店</a>
                     | <a href="">小米淘宝直营店</a> | <a href="">小米网盟</a> | <a href="">问题反馈</a> | <a href="">Select Region</a></p>
                    <p><a href="">©mi.com</a> 京ICP证110507号 京ICP备10046444号 <a href="">京公网安备11010802020134号</a> <a
                            href="">京网文[2014]0059-0009号</a><br/>
                        违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                   <div class="pic">
                    <img src="img/p1.png"/>
                    <img src="img/p2.png"/>
                    <img src="img/p3.png"/>
                    <img src="img/p4.png"/></div>
                </div>
                <div class="slogo"></div>
            </div>
        </div>
    </footer>
</body>
</html>